<div class="login-wrap">
  <div class="login-header">
    <a href="###" class="login-logo"><img src="../../../assets/images/login-logo.png" alt="SIIAT"></a>
    <div class="login-disc">Sistema Infor. de Monotorização de Cargas</div>
  </div>
  <div class="login-content">
    <div class="login-box">
      <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
        <nz-form-item>
          <nz-form-control nzHasFeedback>
            <nz-input-group [nzPrefix]="prefixUser" nzSize="large">
              <input type="text" nz-input formControlName="username" [(ngModel)]="model.username" [placeholder]="l('username')">
            </nz-input-group>
            <nz-form-explain *ngIf="validateForm.get('username').dirty && validateForm.get('username').errors">{{l('please_input_your_username')}}</nz-form-explain>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control nzHasFeedback>
            <nz-input-group [nzPrefix]="prefixLock" nzSize="large">
              <input type="password" nz-input formControlName="password" [(ngModel)]="model.password" [placeholder]="l('user_password')">
            </nz-input-group>
            <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">{{l('please_input_your_password')}}</nz-form-explain>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <label nz-checkbox formControlName="remember">
              <span>{{l('remember_me')}}</span>
            </label>
            <!-- <a class="login-form-forgot" class="login-form-forgot">{{l('forgot_pwd')}}</a> -->
        </nz-form-item>
        <nz-form-item>
            <button nz-button class="login-form-button" [nzType]="'primary'"  nzSize="large">{{l('login')}}</button>
        </nz-form-item>
      </form>
    </div>
  </div>
  <div class="login-footer"></div>
</div>
<ng-template #prefixUser><i nz-icon type="user"></i></ng-template>
<ng-template #prefixLock><i nz-icon type="lock"></i></ng-template>
